<!-- 定制开发请联系客服微信：csmszf -->
<template>
	<view class="w-full h-full">
		<view class="im-mine-bg"></view>
		<view class="im-mine-user h-20 w-full">
			<view class="border-gray-100 px-4">
				<view class="bg-white flex justify-between rounded-md p-2">
					<view class="">
						<image src="../../../static/avatar.png" style="width: 62px;height: 62px;"></image>
					</view>
					<view class="flex-1 ml-2 flex flex-col justify-center">
						<view>qweasd6936</view>
						<view class="mt-1">账号：123456789</view>
					</view>
					<view class="flex justify-center items-center justify-items-center">
						<view class="iconfont iconfont-qr-code" style="width: 22px; height: 22px;"></view>
						<view class="iconfont iconfont-right" style="width: 22px; height: 22px;"></view>
					</view>
				</view>
			</view>
			<view class="mt-4 px-4 item-container">
				<view class="bg-white rounded-md">
					<u-list height="auto">
						<u-list-item>
							<u-cell title="我的钱包">
								<text slot="icon" class="iconfont iconfont-wallet" style="width: 64rpx; height: 64rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
					</u-list>
				</view>
				<view class="mt-4 bg-white rounded-md">
					<u-list height="auto" 
						<u-list-item>
							<u-cell title="通用设置">
								<text slot="icon" class="iconfont iconfont-universal" style="width: 56rpx; height: 56rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
						<u-list-item>
							<u-cell title="语言设置">
								<text slot="icon" class="iconfont iconfont-language" style="width: 56rpx; height: 56rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
					</u-list>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
// ::v-deep .pages-tabbar-mine-index{
// 	width: 100%;
// 	height: 100%;
// 	background-color: #F9F9F9;
// 	background: #F9F9F9;
// }
// .bg{
// 	position: absolute;
// 	background-color: #F9F9F9;
// 	background: #F9F9F9;
// }
.im-mine-bg{
	background-color: $uni-color-primary;
	height: 200rpx;
	width: 100%;
	//position: fixed;
	position: absolute;
}
.im-mine-user{
	position: absolute;
	margin-top: 120rpx;
	margin-left: 0px;
	margin-right: 0px;
}
.item-container{
	padding-bottom: calc(var(--window-bottom) + 20px);
}
</style>
